<template>
	<div class="good-box" >
		<div class="left">
			<image src="https://b2c.oozetking.cn/uploads/10001/20240726/3dc00e2495700408f95facf78a2ccc49.png" mode=""></image>
		</div>
		<div class="right">
			<view class="u-line-2 good-name">
				洁柔乌龙抽纸2包100抽无印花抽纸母婴加洁柔乌龙抽纸2包100抽无印花抽纸母婴加洁柔乌龙抽纸2包100抽无印花抽纸母婴加洁柔乌龙抽纸2包100抽无印花抽纸母婴加
			</view>
			<div class="fl-box">约返 0.55 元</div>
			<div class="price-box">
				<div class="price">
					￥<text>145</text>
				</div>
				<div class="del">
					原价 ：￥188.5
				</div>
			</div>
			<div class="store">
				京东 |  霹雳宝贝旗舰店 10万人付款
			</div>
		</div>
	</div>
</template>

<script>
	export default{
		props:{
			good:{
				type:Object
			}
		}
	}
</script>

<style lang="scss" scoped >
	.good-box{
		padding: 36rpx 24rpx;
		display: flex;
		align-content: center;
		margin-bottom: 14rpx;
		.left{
			width: 200rpx;
			height: 200rpx;
			background: #EEEEEE;
			border-radius: 16rpx;
			overflow: hidden;
			margin-right: 24rpx;
			>image{
				width: 100%;
				height: 100%;
			}
		}
		.right{
			flex: 1;
			.good-name{
				margin-bottom: 12rpx;
			}
			.fl-box{
				display: flex;
				align-items: center;
				justify-content: center;
				font-weight: 400;
				font-size: 20rpx;
				color: #FF8C19;
				width: 132rpx;
				height: 28rpx;
				border-radius: 4rpx;
				border: 1rpx solid #FF8C19;
				margin-bottom: 26rpx;
			}
			.price-box{
				display: flex;
				align-items: center;
				margin-bottom: 12rpx;
				.price{
					font-size: 22rpx;
					margin-right: 12rpx;
					>text{
						font-size: 36rpx;
						font-weight: bold;
					}
				}
				.del{
					text-decoration: line-through;
					font-weight: 400;
					font-size: 24rpx;
					color: #D9D4D0;
				}
			}
			.store{
				font-weight: 400;
				font-size: 20rpx;
				color: #999390;
			}
			
		}
	}
</style>